<template>
    <div class="main">
        <div class="content">
            <div class="logo fl">
                <Logo></Logo>
            </div>
            <div class="search_box fl">
                <div class="input_search fl">
                    <Search_box></Search_box>
                </div>
                <div class="shopcart fl">
                    <ShopCart></ShopCart>
                </div>
            </div>
            <div class="right fr">
                <img src="@/assets/images/123.png" alt="" />
            </div>
        </div>
    </div>
</template>

<script setup>
import Logo from "@/components/common/Logo";
import Search_box from "@/components/index/Search_box";
import ShopCart from "@/components/index/ShopCart";

</script>

<style lang="less" scoped>
.main {
    // background: linear-gradient(to right, #baf4b3, #bcfefe, #f4d590, #f28583);
    .content {
        width: var(--content-width);
        margin: 0 auto;
        height: 140px;
        // border: 1px solid blueviolet;
    }
    .search_box {
        width: 800px;
        height: 70px;
    }
    .right {
        img {
            width: 200px;
        }
        line-height: 140px;
    }
}
</style>